//scroll
$(document).ready(function(e) {
	var box = $("#wrap");
	var listNum = $(".box").length;
	var page = 0;
	var isScroll = true;
	var header_height=parseInt($("#header_box").height());//头部高度
	var footer_height=parseInt($("#footer_box").height());//底部高度
	var box_height=$(".box").height();//主体高度
	var header_outheight=parseInt($(".header_out").height());//透明头部高度
	$("#header_box").stop().animate({top:0},100);
	//页面滑动
	function slideTo(pageIndex){
		page = pageIndex;
		$(".btn li").removeClass("active");
		 $(".btn li").eq(page).addClass("active");
		 var hei=document.documentElement.clientHeight-200;
		box.stop().animate({top:-pageIndex*100+"%"},"500","swing",function(){
			isScroll = true;
			if(page==0){
			//头部导航隐藏
				box1=function(){
					$(".box1 img").stop().animate({top:226},1400);
					}
				setTimeout(box1,700);
				box2=function(){
					$(".box2 img").css({top:8+"%",marginLeft:-734});
					$(".bg_box2").stop().animate({opacity:0},1400);
					}
					setTimeout(box2,700)
				}
			else if(page==1){
				box2=function(){
					$(".box2 img").stop().animate({top:4+"%",marginLeft:-690},1400);
					$(".bg_box2").stop().animate({opacity:1},1400);
					}
				setTimeout(box2,400);
				$(".bg_box3").stop().animate({opacity:0},600);
				}
			else if(page==2){
				$(".box2 img").stop().animate({top:8+"%",marginLeft:-734},600);
				$(".bg_box2").stop().animate({opacity:0},600);
				$(".bg_box3").stop().animate({opacity:1},1400);
				$(".box4 img").stop().animate({left:54+"%",bottom:-47},600);
				$(".bg_box4").stop().animate({opacity:0},600);
			}
			else if(page==3){
				$(".bg_box3").stop().animate({opacity:0},600);
				box4=function(){
					$(".box4 img").stop().animate({left:50+"%",bottom:-27},1400);
					$(".bg_box4").stop().animate({opacity:1},1400);
					}
				setTimeout(box4,400);
				$(".box5 img").stop().animate({bottom:35+"%"},600);
				$(".bg_box5").stop().animate({opacity:0},600);
			}
			else if(page==4){
				$(".box4 img").stop().animate({left:54+"%",bottom:-47},600);
				$(".bg_box4").stop().animate({opacity:0},600);
				box5=function(){
					$(".box5 img").stop().animate({bottom:30+"%"},1400);
					$(".bg_box5").stop().animate({opacity:1},1400);
					}
				setTimeout(box5,400);
				$(".box6 img").stop().animate({top:-40,marginLeft:-820},600);
				$(".bg_box6").stop().animate({opacity:0},1400);
			}
			else if(page==5){
				$(".box5 img").stop().animate({bottom:35+"%"},600);
				$(".bg_box5").stop().animate({opacity:0},600);
				box6=function(){
					$(".box6 img").stop().animate({top:0,marginLeft:-780},1400);
					$(".bg_box6").stop().animate({opacity:1},1400);
					}
				setTimeout(box6,400);
			}
		});
	}


	var screen_height=document.body.clientHeight;
	var test=footer_height/screen_height*100;


	//鼠标滚珠事件
	var wheel = function(event){
			img=function(){
							$(".box1 img").stop().removeAttr("style").animate({top:226},1400);
							$(".box1_txt").stop().animate({top:66},700,function(){
							$(".box1_txt").stop().animate({opacity:0},800);
							$(".bg_box1").stop().animate({opacity:1},800);
								});
							}
			img1=function(){
						$(".box1 img").stop().animate({top:286},1400);
						$(".box1_txt").stop().animate({opacity:1,top:96},700);
						$(".bg_box1").stop().animate({opacity:0},800);
						}		
			//头部导航隐藏
			var top=parseInt(box.css("top"));
			if(top==header_height){
					$("#header_box").css({top:-header_height});
					$(".header_out").css({top:0});
					box.css({top:0});	
					var int=setTimeout(img,400);
					}

		if(top<=0 && event.deltaY < 0 && isScroll == true){//鼠标滚珠往下
			if(page < listNum -1){
				page = page + 1;
				slideTo(page);
				isScroll = false;
			}
			//底部显示
			if( page == listNum -1 && event.deltaY < 0 && isScroll == true){
					$("#footer_box").css({bottom:0});
					box.css({top:-(listNum-1)*100-test+"%"});
				}
					
		}
		
		else if(event.deltaY > 0 && isScroll == true){//鼠标滚珠往上
			if(page > 0){
				page = page - 1;
				slideTo(page);
				isScroll = false;
			}
			//头部导航显示
			if(page==0 && event.deltaY > 0 && isScroll == true){
				$("#header_box").css({top:0});
				$(".header_out").css({top:-header_outheight});
				box.css({top:header_height});
				var int=setTimeout(img1,400);
				}
			//底部隐藏
				var bottom=parseInt($("#footer_box").css("bottom"));
				if(bottom==0){
					$(".box6 img").css("top",-0+"px").stop();
					$(".bg_box5").stop().animate({opacity:1});
					$("#footer_box").css({bottom:-footer_height});
					slideTo(listNum-1);
					}
		}
	}
	
//绑定滚珠事件
$("body").bind('mousewheel',wheel);

 //切换小圆点
 var num=$(".btn li").length;
 $(".btn li").first().addClass("active");
 $(".btn li").click(function(){
	$(".btn li").removeClass("active");
	var index=$(this).index();
	$(this).addClass("active");
	slideTo(index);
	if(index!=0){
		$("#header_box").css({top:-header_height});
		//$("#footer_box").stop().animate({bottom:-footer_height},0);
		$(".header_out").css({top:0});
		}
		else if(index==0){
			$("#header_box").css({top:-header_height});
			}
	});
});
